/*
 * @Author: xiaosihan
 * @Date: 2021-04-24 22:38:45
 * @Last Modified by: xiaosihan
 * @Last Modified time: 2021-05-23 16:31:51
 */

import Btn1 from "@components/btn1/Btn1";
import { XRTDemoRouter } from "@pages/XshReactThreeDemo/type";
import ReactMixinComponent from "@ReactMixinComponent";
import React from "react";
import styles from "./XRTNav.less";

interface Props { }

interface State { }

export default class XRTNav extends ReactMixinComponent<Props, State> {
    constructor(props: Props) {
        super(props);
    }

    goto(path: string) {
        this.mixin_history.push(path);
    }

    render() {
        return (
            <div className={styles.XRTNav} >
                <Btn1 onClick={() => this.goto(XRTDemoRouter.MESH_DEMO)}  >mesh</Btn1>
                <Btn1 onClick={() => this.goto(XRTDemoRouter.LINE_DEMO)}  >line</Btn1>
                <Btn1 onClick={() => this.goto(XRTDemoRouter.TEXT_DEMO)}  >text</Btn1>
                <Btn1 onClick={() => this.goto(XRTDemoRouter.POINTS_DEMO)}  >points</Btn1>
                <Btn1 onClick={() => this.goto(XRTDemoRouter.INSTANCED_MESH)}  >instancedMesh</Btn1>
                <Btn1 onClick={() => this.goto(XRTDemoRouter.FPS_DEMO)}>fps</Btn1>
                <Btn1 onClick={() => this.goto(XRTDemoRouter.EXTRUDEMESH_DEMO)}>ExtrudeMesh</Btn1>
            </div>
        )
    }
}